/*
 * @Author: yuan-3-07 2144849287@qq.com
 * @Date: 2023-02-19 16:43:05
 * @LastEditors: yuan-3-07 2144849287@qq.com
 * @LastEditTime: 2023-02-24 20:40:52
 * @FilePath: \fitness-app\fitness03\src\pages\home\home.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// 每个页面由下面三个部分组成
// 1.当前页面样式
// 2.公用的js
// 3.当前页面js

// 1.当前页面样式
require("./home.less");
// 引入icon图标
require("../../assets/fonts/iconfont.css");

// 2.公用的js_____操作DOM,发送ajax,验证工具,本地存储
let dom = require("../../utils/dom.js");
let https = require("../../utils/https.js");
let local = require("../../utils/local.js");
console.log(dom);

// 判定是否登录
dom.isLogin();
//引入swiper插件
import Swiper, { Autoplay, Pagination } from "swiper";
// 引入swiper.css
import "swiper/swiper-bundle.css";

// 3.当前页面js
dom.ready(function () {
  // 调入页脚
  dom.getFooter("home");
  // 轮播图
  Swiper.use([Autoplay, Pagination]);
  new Swiper(".swiper", {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    autoplay: true,
    // 如果需要分页器
    pagination: {
      el: ".swiper-pagination",
    },
  });

  // 获取个人信息
  function getUserInfo() {
    https.get("/api/user/info", function (res) {
      // console.log(res);
      // 判定
      if (res.errno == 0) {
        // console.log(res.data);


        // 排名
        dom.getEle('#rankingbtn').innerHTML=res.data.ranking;
        // 打卡
        dom.getEle('#clockCountbtn').innerHTML=res.data.clockCount;
        // 运动徽章
        dom.getEle('#badgesbtn').innerHTML=res.data.badges;
      }
    });
  }

  getUserInfo();
  // local.set('name','小袁')
  // console.log(local.get('name'));


   
  //打卡

function getclock(){
   https.get('/api/user/clockInInfo',function(res){
    // console.log(res);
    // 判定
    if (res.errno==0) {
      console.log(res.data);
      // 多台渲染到指定的位置
        // 打卡
        dom.getEle('#clockCountbtn').innerHTML=res.data.clockCount;
      // 用三元运算判定isClockIn为trush还是false然后渲染到指定位置
      dom.getEle('#clockin').innerHTML=res.data.isClockIn?'今日已打卡':'今日未打卡';
    }
   })
  
}

// 调用
 getclock()


//  设置点击事件，点击今日打卡，进行打卡操作
dom.getEle('#clockin').addEventListener('click',function(){
  // console.log(111);
  // 进行接口调用
  https.post('/api/user/clockIn',{},function(res){
      // 进行判定
      if (res.errno==0) {
        alert('打卡成功')
        // 更新打卡数据
        getclock()
      }else{
        alert('请勿重复打卡')
      }
  })
})






});
